$(function () {
    getCateList()  
    //为类添加类别按钮绑定事件
    var index;
$('#btnAddCate').click(function () {
    index = layer.open({
        title: '添加表单',
        // 1 没有确认按钮
        type: 1,
        content: $('#add-tpl').html(), //这里content是一个DOM，注意：最好该元素要存放在body最外层，否则可能被其它的相对元素所影响
        area: ['500px', '250px'],
    });
    
})
    //事件委托 添加功能
    $('body').on('submit','#addForm', function (e) {
        e.preventDefault()
        $.ajax({
            method: 'POST',
            url: '/my/article/addcates',
            data: $(this).serialize(),
            success: function (res) {
                console.log(res);
                if (res.status !== 0) {
                    return layer.msg('添加失败！')
                }
                getCateList()
                layer.close(index)
                return layer.msg('添加成功！');
            }
        
                })
        })
        
     //编辑功能
     var indexEdit;
     $('tbody').on('click','.btn-edit',function () {
         indexEdit = layer.open({
             title: '编辑分类',
             // 1 没有确认按钮
             type: 1,
             area: ['500px', '250px'],
             content: $('#edit-tpl').html(), //这里content是一个DOM，注意：最好该元素要存放在body最外层，否则可能被其它的相对元素所影响
         });
         var id = $(this).attr('data-id');
        //  console.log(id);
         $.ajax({
             method: 'GET',
             url: '/my/article/cates/' + id,
             success: function (res) {
                 console.log(res);
                 if (res.status != 0) {
                     return layer.msg('获取分类数据失败！')
                 }
                 console.log(res);
                 layui.form.val('formEdit', res.data)
             }
         })
     })
    
     //保存编辑
     $('body').on('submit', '#editForm', function (e) {
        e.preventDefault()
        $.ajax({
            method: 'POST',
            url: '/my/article/updatecate',
            data: $(this).serialize(),
            success: function(res) {
              if (res.status !== 0) {
                return layer.msg('更新分类数据失败！')
              }
              layer.msg('更新分类数据成功！')
              layer.close(indexEdit)
              getCateList()
            }
      })
    })
    
    
        //删除功能  看父元素是谁
    $('body').on('click', '.btn-del', function () {
        var id = $(this).attr('data-id')
        // 提示用户是否要删除
        layer.confirm('确认删除?', { icon: 3, title: '提示' }, function(index) {
          $.ajax({
            method: 'GET',
            url: '/my/article/deletecate/' + id,
            success: function(res) {
              if (res.status !== 0) {
                return layer.msg('删除分类失败！')
              }
              layer.msg('删除分类成功！')
              layer.close(index)
              getCateList()
            }
          })
        })
    })
})

//获取文章列表
function getCateList() {
    $.ajax({
        method: 'GET',
        url: '/my/article/cates',
        success: function (res) {
            if (res.status != 0) {
                return layer.msg('获取分类失败')
            }
            // console.log(res);
            var str = template('cate-tpl', res)
            // console.log(res);
            $('tbody').html(str)
        } 
        })
}
